﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<style type="text/css">
.alignleft
{
    margin: 0px 20px 15px 0px !important;   
}

#div1, #div2, #div3 {
        display: none;   
    }
    
    .togglediv1 #div1, .togglediv2 #div2, .togglediv3 #div3{
        display: block;  
        animation: fadein 3s;
        -moz-animation: fadein 3s; /* Firefox */
        -webkit-animation: fadein 3s; /* Safari and Chrome */
        -o-animation: fadein 3s; /* Opera */
    }
    
    #wrap a {
        text-decoration: none;
        color: #FFFFFF;
        padding: 5px 15px 5px 15px;
        background-image: -webkit-linear-gradient(top, #1B1515, #140F0F);
        background-image: -moz-linear-gradient(top, #1B1515, #140F0F);
        background-image: -ms-linear-gradient(top, #1B1515, #140F0F);
        background-image: -o-linear-gradient(top, #1B1515, #140F0F);
    }
    
    @keyframes fadein {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-moz-keyframes fadein { /* Firefox */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-webkit-keyframes fadein { /* Safari and Chrome */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-o-keyframes fadein { /* Opera */
        from {
            opacity:0;
        }
        to {
            opacity: 1;
        }
    }​
</style>

<script type="text/javascript">
    $(document).ready(function () {
        $('#divtoggle').delegate('a', 'click', function (e) {
            var toggled = ($(this).prop('id'));
            $('div#wrap').prop('class', toggled);
        });

    });
</script>

    <div class="wrap_headline">
        <div class="headline">
            <h1>
                <%=Resources.Global.khoa_hoc%></h1>
        </div>
    </div>
    <div class="wrap_cont_nav">
        <div class="cont_nav">
            <a href='<%=ResolveUrl("~/")%>'><%=Resources.Global.trang_chu%></a>&nbsp;/&nbsp;<%=Resources.Global.khoa_hoc%>
        </div>
    </div>
    <div class="container">
        <section id="middle">
					<div class="middle_inner">
    <section id="middle_content">
							<div class="entry">
								<div class="tour_content">
									<ul class="tour">
                                    	<li class="current"><a href="#">Piano</a></li>
                                    	<li><a href="#">Guitar</a></li>
                                    	<li><a href="#">Trống</a></li>
                                    	<li><a href="#">Organ</a></li>
                                    	<li><a href="#">Violin</a></li>
                                        <li><a href="#">Kawai</a></li>
									</ul>
									<div class="tour_box" style="display:block;">
										<div class="tour_box_inner">
											<p>
                                                Đây là một loại nhạc cụ đẹp với âm thanh duyên dáng. 
                                                Piano có thể trở thành một nhạc cụ solo tuyệt vời. 
                                                Không những thế, tiếng đàn piano có thể hoà hợp cùng với các nhạc cụ khác một cách dễ dàng. 
                                                Cho dù bạn là người hướng nội, hay hướng ngoại, piano đều có thể là một nhạc cụ dành cho riêng bạn.
                                                Khả năng chơi đàn và thể hiện bản thân với nhạc cụ âm nhạc là một món quà cho sức khoẻ và tinh thần. 
                                                Căng thẳng sẽ tan biến hết. Piano là nhạc cụ luôn hằng đợi bạn sẽ trút hết nỗi lòng và là một người bạn đồng hành kiên trì và thông cảm. 
                                                Nếu buồn, hãy đàn cho những cảm xúc được thổ lộ. Khi kết thúc bản nhạc, bạn sẽ luôn cảm thấy khá hơn.<br />
                                            </p>
                                            <p style="text-align: center">
                                                <img src="<%=ResolveUrl("~/Images/KhoaHoc/Piano/")%>Introduce_Piano.jpg" width="550px" alt="" />
                                            </p>
                                            <!--<p>
                                                <font style="font-family: Times New Roman; font-size: 16px; font-weight: bold; color: Red;">
                                                    <i>Chương trình piano mầm non</i>
                                                </font>
                                                <asp:Table runat="server" Border="1" CellPadding="5" CellSpacing="0" Width="100%">
                                                    <asp:TableRow CssClass="bgColor_Piano_Header_Row">
                                                        <asp:TableCell>Cấp độ</asp:TableCell>
                                                        <asp:TableCell>Thời gian</asp:TableCell>
                                                        <asp:TableCell>Giáo trình</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Piano_Row_1">
                                                        <asp:TableCell>Mầm</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Sound Tree 1A/Hello Music Vol.1</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Piano_Row_2">
                                                        <asp:TableCell>Chồi</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Sound Tree 1B/Music Together Vol.2</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Piano_Row_1">
                                                        <asp:TableCell>Lá</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Sound Tree 2A/Music Together Vol.3</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Piano_Row_2">
                                                        <asp:TableCell>Cây</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Sound Tree 2B/Music Together Vol.4</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Piano_Row_1">
                                                        <asp:TableCell ColumnSpan="3">
                                                            o	Đối tượng tham gia: từ 3 đến 5 tuổi<br />
                                                            o	Hình thức lớp: 01 kèm 01 và nhóm/02-08 học viên<br />
                                                            o	Thời gian học: 01 tuần/buổi/giờ<br />
                                                        </asp:TableCell>
                                                    </asp:TableRow>
                                                </asp:Table>
                                            </p>-->
                                            <p>
                                                <font style="color: #37587d; font-weight: bold">Khóa học Basic course –</font>
                                                <font style="font-weight: bold">Các bé làm quen với âm nhạc và phím đàn một cách nhẹ nhàng thông qua các hoạt động hòa tấu và nhảy múa cùng các bạn.</font>
                                            </p>
                                            <p style="text-align: center">
                                                <img src="<%=ResolveUrl("~/Images/KhoaHoc/Piano/")%>Introduce_Piano_2.jpg" width="550px" alt="" />
                                            </p>
                                            <p>
                                                <font style="color: #ff00ff; font-weight: bold">Khóa học Piano Course –</font>
                                                <font style="font-weight: bold">Nuôi dưỡng khả năng thưởng thức và thể hiện âm nhạc theo cách riêng của bé.</font>
                                            </p>
                                            <p style="text-align: center">
                                                <img src="<%=ResolveUrl("~/Images/KhoaHoc/Piano/")%>Introduce_Piano_3.jpg" width="550px" alt="" />
                                            </p>
                                        </div>
									</div>
									<div class="tour_box" style="display:none;">
										<div class="tour_box_inner">
											<p>
                                                Bắt nguồn từ Tây Ban Nha từ lâu Guitar đã là một loại nhạc cụ được nhiều người yêu thích vì âm thanh và giai điệu rất ngọt ngào, gần gũi,ấm áp và cảm xúc... không chỉ thế Guitar là một loại nhạc cụ rất phổ biến và phù hợp với rất nhiều đối tượng, độ tuổi vì những ưu điểm như: dễ thể hiện cảm xúc, giai điệu mượt mà, không quá cầu kỳ về nhạc cụ nhưng lại rất đằm thắm, mộc mạc, có chiều sâu, cơ động và mang tính nghệ thuật cao.
                                            </p>
                                            <p style="text-align: center">
                                                <img src="<%=ResolveUrl("~/Images/KhoaHoc/Guitar/")%>Introduce_Guitar.jpg" width="550px" alt="" />
                                            </p>
                                            <!--<p>
                                                <asp:Table ID="Table1" runat="server" Border="1" CellPadding="5" CellSpacing="0" Width="100%">
                                                    <asp:TableRow CssClass="bgColor_Guitar_Header_Row">
                                                        <asp:TableCell>Cấp độ</asp:TableCell>
                                                        <asp:TableCell>Thời gian</asp:TableCell>
                                                        <asp:TableCell>Giáo trình</asp:TableCell>
                                                        <asp:TableCell>Phân bổ chương trình</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Guitar_Row_1">
                                                        <asp:TableCell>Căn bản</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Learn & Master Guitar</asp:TableCell>
                                                        <asp:TableCell>Chương I - IV</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Piano_Row_2">
                                                        <asp:TableCell>Sơ cấp</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Learn & Master Guitar</asp:TableCell>
                                                        <asp:TableCell>Chương V – VIII</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Guitar_Row_1">
                                                        <asp:TableCell>Sơ trung cấp</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Learn & Master Guitar</asp:TableCell>
                                                        <asp:TableCell>Chương IX - X</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Piano_Row_2">
                                                        <asp:TableCell>Trung cấp</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Learn & Master Guitar</asp:TableCell>
                                                        <asp:TableCell>Chương XI - XIV</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Guitar_Row_1">
                                                        <asp:TableCell>Cao trung cấp</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Learn & Master Guitar</asp:TableCell>
                                                        <asp:TableCell>Chương XV - XVII</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Piano_Row_2">
                                                        <asp:TableCell>Nâng cao</asp:TableCell>
                                                        <asp:TableCell>6 tháng</asp:TableCell>
                                                        <asp:TableCell>Learn & Master Guitar</asp:TableCell>
                                                        <asp:TableCell>Chương XVIII - XX</asp:TableCell>
                                                    </asp:TableRow>
                                                    <asp:TableRow CssClass="bgColor_Guitar_Row_1">
                                                        <asp:TableCell ColumnSpan="4">
                                                            o	Đối tượng tham gia: từ 6 tuổi trở lên<br />
                                                            o	Hình thức lớp: 01 kèm 01 và nhóm/02-04 học viên<br />
                                                            o	Thời gian học: 01 tuần/buổi/giờ<br />
                                                        </asp:TableCell>
                                                    </asp:TableRow>
                                                </asp:Table>
                                            </p>-->
                                        </div>
									</div>
									<div class="tour_box" style="display:none;">
										<div class="tour_box_inner">
											<p>
                                                Có lẽ bộ gõ (percussion) là nhạc cụ xuất hiện sớm nhất trong lịch sử âm nhạc. 
                                                Lẽ đơn giản là vì trước khi con người biết đến những âm thanh với cao độ và cường độ khác nhau, hay nói một cách khác là những nốt nhạc thì cái gần với âm nhạc nhất chính là nhịp (beat). 
                                                Cũng như keyboard và guitar, bộ trống là thành phần không thể thiếu của một ban nhạc. Tài năng của một tay trống có ảnh hưởng không nhỏ đến thành công của một ban nhạc và trống luôn có tiếng nói riêng của mình. 
                                                Có thể nói tay trống là người có thể lực khoẻ nhất vì phải vận dụng hết tất cả tứ chi của mình một cách liên tục và thật lực để đập trống.
                                                Nếu các bạn muốn học trống để trở thành một tay trống cừ khôi hay đơn giản chỉ để giải trí xả tress sau khoảng thời gian làm việc và học tập vất vả. 
                                                Còn chần chừ gì nữa mà không tham gia khóa học trống đầy thú vị cho chính bạn và người thân xung quanh.
                                            </p>
                                            <p style="text-align: center">
                                                <img src="<%=ResolveUrl("~/Images/KhoaHoc/Drum/")%>Introduce_Drum.jpg" width="550px" alt="" />
                                            </p>
                                        </div>
									</div>
									<div class="tour_box" style="display:none;">
										<div class="tour_box_inner">
											<p>
                                                Đàn organ phù hợp với trẻ có tính cách sôi nổi, hương ngoại và cá tính: đàn Organ là nhạc cụ không kén người chơi. 
                                                Bất kì một đứa trẻ nào đam mê âm nhạc và muốn bắt đầu cũng có thể chơi thành công trên đàn Organ. 
                                                Đàn Organ cũng là nhạc cụ lý tưởng để trẻ bắt đầu. 
                                                Trẻ có thể học và chơi đàn Organ khi lên 4-5 tuổi. 
                                                Một đứa trẻ biết chơi nhạc cụ sẽ có sự cảm thụ âm nhạc tốt hơn so với những đứa trẻ khác. 
                                                Học đàn cũng giúp trẻ nâng cao khả năng cảm thụ âm nhạc, nuôi dưỡng tâm hồn và hoàn thiện tính cách. 
                                                Âm nhạc giúp trẻ hướng thiện và sáng tạo hơn trong cuộc sống.
                                            </p>
                                            <p style="text-align: center">
                                                <img src="<%=ResolveUrl("~/Images/KhoaHoc/Organ/")%>Introduce_Organ.jpg" width="550px" alt="" />
                                            </p>
                                        </div>
									</div>
									<div class="tour_box" style="display:none;">
										<div class="tour_box_inner">
											<p>
                                                Đàn violon là nhạc cụ linh hoạt về kỹ thuật, kỹ xảo có thể diễn tả đa dạng những sắc tình cảm. 
                                                Chính những ưu điểm đó violon là một nhạc cụ độc tấu được nhiều nhạc sĩ ưa chuộng và nó được mệnh danh là “ông hoàng trong dàn nhạc”.
                                                Âm thanh violon đẹp, rực rỡ, tươi sáng có khả năng biểu hiện nhiều trạng huống tình cảm như: say sưa, trìu mến, trữ tình, tươi tắn, kiêu hãnh, nhẹ nhàng, kịch tính… nó có thể đạt sắc thái từ cực lớn đến cực nhỏ, về tốc độ nó có thể diễn tả những nét nhạc nhanh, linh hoạt mà không nhạc cụ nào trong dàn nhạc bì kịp.
                                            </p>
                                            <p style="text-align: center">
                                                <img src="<%=ResolveUrl("~/Images/KhoaHoc/Violin/")%>Introduce_Violin.jpg" width="550px" alt="" />
                                            </p>
                                        </div>
									</div>
                                    <div class="tour_box" style="display:none;">
										<div class="tour_box_inner" style="width: 750px">
                                            <div id="wrap">
                                                <div id="divtoggle">
                                                    <p>
                                                        <a id="togglediv1" href="#">Khóa học basic</a>
                                                        <div id="div1">
                                                            <img src="<%=ResolveUrl("~/Images/KhoaHoc/Kawai/")%>basic-course.jpg" width="650" alt="" />
                                                        </div>
                                                    </p>
                                                    <p>
                                                        <a id="togglediv2" href="#">Khóa học piano</a>
                                                        <div id="div2">
                                                            <img src="<%=ResolveUrl("~/Images/KhoaHoc/Kawai/")%>piano-course.jpg" width="650" alt="" />
                                                        </div>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
									</div>
                                    <div class="tour_box" style="display:none;">
										<div class="tour_box_inner" style="width: 750px">
                                            <p>
                                                <img src="<%=ResolveUrl("~/Images/KhoaHoc/Kawai/")%>piano-course.jpg" width="650" alt="" />
                                            </p>
                                        </div>
									</div>
								</div>
							</div>
						</section>
<!-- __________________________________________________ Finish Sidebar -->	
						
					</div>
				</section>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
<title><%=Resources.Global.title%> - <%=Resources.Global.khoa_hoc%></title>
</asp:Content>
